<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a [routerLink]="['/home']" role="button" class="btn" title="主页"><i class="ico-sm mdi mdi-home"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10 embed_header_title text-center">找回帐号密码:第一步</div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn sidePanelDrawer" title="版块主页"><i class="ico mdi mdi-menu"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <form name="form" data-submit="once" class="theme-form" (ngSubmit)="f.form.valid && querySocial(submitBtn)" #f="ngForm" novalidate>
        <div id="embed_page_form" class="main-color">
            <div class="alert alert-danger" role="alert" *ngIf="errorMessage.length > 0">
                <strong>oOps!</strong> {{errorMessage}}
            </div>       
            <div class="form-group">
                <label class="bmd-label-floating" for="email">邮箱</label>
                <input type="email" name="email" tabindex="1" class="form-control" placeholder="" [(ngModel)]="member.email" #email="ngModel" [ngClass]="{ 'is-invalid': f.submitted && email.invalid }" required="required"/>
                <ul *ngIf="f.submitted && email.invalid" class="parsley-errors-list filled">
                    <li *ngIf="email.errors.required">请输入帐号绑定的邮箱地址</li>
                </ul>
            </div>
            <div class="form-group">
                <label class="bmd-label-floating" for="names">帐号</label>
                <input type="text" name="names" tabindex="2" class="form-control" placeholder="" [(ngModel)]="member.names" #names="ngModel" [ngClass]="{ 'is-invalid': f.submitted && names.invalid }" minlength="5" maxlength="20" required="required"/>
                <ul *ngIf="f.submitted && names.invalid" class="parsley-errors-list filled">
                    <li *ngIf="names.errors.required">请输入登录用的帐号</li>
                    <li *ngIf="names.errors.minlength">登录帐号不能少于5个字母</li>
                    <li *ngIf="names.errors.maxlength">登录帐号不能大于20个字母</li>
                </ul>
            </div>
            <input type="submit" tabindex="3" class="btn btn-primary btn-block" value="下一步" [ngClass]="{'disabled': !f.form.valid}" #submitBtn/>
        </div>
        </form>
    </div>
</div>